<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <link rel="stylesheet" href="../../css/bootstrap.css">
    <script src="../../js/jquery-1.11.2.min.js"></script>
    <script src="../../js/bootstrap.min.js"></script>
    <style>
        body {
            padding: 50px;
        }

        .panel-body {
            padding: 0px;
        }
    </style>
</head>
<body>
<div class="panel-group" id="menu">
    <div class="panel panel-primary">
        <div class="panel-heading">
            <h4 class="panel-title" class="btn btn-primary" href="#part1" data-toggle="collapse" data-parent="#menu">
                文档
            </h4>
        </div>
        <div id="part1" class="panel-collapse  in"><!--in显示  collapse 隐藏-->
            <div class="panel-body">
                <a class="list-group-item">13213213213</a>
                <a class="list-group-item">13213213213</a>
                <a class="list-group-item">13213213213</a>
                <a class="list-group-item">13213213213</a>
            </div>
        </div>
    </div>
    <div class="panel panel-primary">
        <div class="panel-heading">
            <h4 class="panel-title">
                <label href="#part2" data-toggle="collapse" data-parent="#menu">点击展示，再次点击折叠</label>
            </h4>
        </div>

        <div id="part2" class="panel-collapse   collapse">
            <div class="panel-body">
                <h5>
                    <label class="panel-title" href="#part13" data-toggle="collapse">点击展示</label>
                </h5>
                <div id="part13" class="panel-collapse  collapse">
                    <div class="panel-body">
                        <a class="list-group-item">abcdefg</a>
                        <a class="list-group-item">abcdefg</a>
                        <a class="list-group-item">abcdefg</a>
                        <a class="list-group-item">abcdefg</a>
                    </div>
                </div>
                <a class="list-group-item">13213213213</a>
                <a class="list-group-item">13213213213</a>
                <a class="list-group-item">13213213213</a>
            </div>
        </div>

    </div>

</div>
</body>
</html>
